/**
 * 张强 on 20170729
 */
import React, { Component } from 'react'
import style from './index.scss'
import { Toast } from 'antd-mobile'

export default class OrderList extends Component {
	constructor(props) {
		super(props);
		this.state = {
		}
	}

	render() {
		let data = this.props.data;

		console.log('_______________________________wwww',data)

		return (
			<div>
				<div style={{height: '.24rem',background: '#f2f2f2'}}></div>
				<div className={style.orderInformation}>
					<div className={style.orderType}>
						<span>{`${data.carNumber}车辆年检业务办理`}</span>
						{/* <img src="./images/icon_right.png" alt=""/> */}
					</div>
					<div className={style.price+' '+'cf'}>
						<span>六年内新车免检服务 </span>
						<span>￥{data.totalFee/100}</span>
					</div>
					<div className={style.price+' '+'cf'} style = {!data.cardName?{display: 'none'}:{}}>
						<span>车主姓名</span>
						<span>{data.cardName}</span>
					</div>
					<div className={style.price+' '+'cf'} style = {!data.cardNum?{display: 'none'}:{}}>
						<span>身份证号</span>
						<span>{data.cardNum}</span>
					</div>
					<div className={style.price+' '+'cf'} style = {!data.telephone?{display: 'none'}:{}}>
						<span>手机号码</span>
						<span>{data.telephone}</span>
					</div>

					<div className={style.price+' '+'cf'} style = {!data.cardPicture?{display: 'none'}:{}}>
						<span>手持身份证照片</span>
						<span>
							<img src={data.cardPicture} alt=""/>
						</span>
					</div>

					<div className={style.price+' '+'cf'} style = {!data.policyPicture?{display: 'none'}:{}}>
						<span>交强险保单副本</span>
						<span>
							<img src={data.policyPicture} alt=""/>
						</span>
					</div>
					 <div className={style.total+' '+'border_top_1'+' '+'border_bottom_1'}>
						<span>合计</span>
						<span>￥{data.totalFee/100}</span>
					</div>
					<div className={style.address}>
						<div>
							<span>收件人：</span>
							<span>{data['address.contactName']}，{data['address.cellNum']}</span>
						</div>
						<div>{data['address.fullAddr']}</div>
					</div>
				</div>
			</div>
		)
	}
}

OrderList.contextTypes = {
	router: React.PropTypes.object.isRequired
};

OrderList.defaultProps = {

};

